:root{
  --syntax_normal:#1b1e23;
  --syntax_comment:#a9b0bc;
  --syntax_number:#20a5ba;
  --syntax_keyword:#c30771;
  --syntax_atom:#10a778;
  --syntax_string:#008ec4;
  --syntax_error:#ffbedc;
  --syntax_unknown_variable:#838383;
  --syntax_known_variable:#005f87;
  --syntax_matchbracket:#20bbfc;
  --syntax_key:#6636b4;
  --mono_fonts:82%/1.5 Menlo,Consolas,monospace;
  /* --scrollbar_border: 2px solid #0918e7; */
  --scrollbar_border: 1px solid #383136;
  --scrollbar_box_border: 1px solid #3843e3;
  --scrollbar_box_color: rgba(99, 99, 99, 0.942);
  --scrollbar_scrollybit_color: rgba(183, 183, 183, 0.942);
}

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
}

body {
  /* color: #333; */
  color: white;
  margin: 0;

  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

body.noscroll {
  position: fixed;
  overflow-y: none;
  overflow-x: none;
  width: 100%;
}
/*
a {
	color: rgb(0,100,200);
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: rgb(0,80,160);
} */

label {
  display: block;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  padding: 0.4em;
  margin: 0 0 0.5em 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: rgb(0, 0, 0);
}

input:disabled {
  color: #ccc;
}

input[type='range'] {
  height: 0;
}

button {
  color: #333;
  background-color: #f4f4f4;
  outline: none;
}

button:disabled {
  color: #999;
}

button:not(:disabled):active {
  background-color: #ddd;
}

button:focus {
  border-color: #666;
}

::-webkit-scrollbar {
  display: none;
  /* RJ Setting display to contents from none so resize handlers show - SvelteTeam */
  /* display: contents; */
}

/*RJ added webkit resizer to test handler appearance for resizing - SvelteTeam*/
::-webkit-resizer {
  /* border: 2px solid yellow;
  background: blue;
  box-shadow: 0 0 2px 5px red;
  outline: 2px dashed green; */
  display: inline-block;
  border-top: 50px solid transparent;
  border-right: 50px solid rgb(109, 58, 58);
  /* background-color: rgba(116, 62, 62, 0.842);
  border-radius: 85%; */

  /*size does not work*/
  /* display: block;
  width: 150px !important;
  height: 150px !important; */
}

::-webkit-scrollbar-corner {
  background-color: #646464;
}

::-webkit-scrollbar-button {
  background-color: #666;
}
